<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./js/flexible.js" />
    <link rel="stylesheet" href="./iconfont/iconfont.eot" />
    <link rel="stylesheet" href="./css/index.css" />

    <title>Document</title>
  </head>
  <body>
    <!-- 顶部 -->
    <div class="header">
      <ul>
        <li>
          <a href="#"> 北京 </a>
        </li>
        <li>
          <a href="#">
            <input type="text" placeholder="输入手机名称或商圈" />
            <div class="pic">
              <img src="./icons/header_search.png" alt="" />
            </div>
          </a>
        </li>
        <li>
          <a href="#"><img src="./icons/header_news.png" alt="" /></a>
        </li>
      </ul>
    </div>

    <!-- 主体-->
    <div class="main">
      <!-- 轮播图 -->
      <div class="banner">
        <div class="pic">
          <img src="./imgs/banner.png" alt="" />
        </div>
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <!-- 区块 -->
      <div class="section">
        <a href="#">
          <div class="pic">
            <img src="./icons/nav_2.png" alt="" />
          </div>
        </a>
        <a href="#">
          <div class="pic">
            <img src="./icons/nav_1.png" alt="" />
          </div>
        </a>
      </div>
      <!-- 分栏1 -->
      <div class="column1">
        <div class="title">
          <div>超级优惠</div>
          <div><img src="./icons/content_icon_next.png" alt="" /></div>
        </div>
        <div class="content">
          <a href="#">
            <div class="pic">
              <img src="./imgs/content_tu_home_left@2x.png" alt="" />
            </div>
            <ul>
              <li>宝石花元</li>
              <li>朝阳区-2室1厅-90m²</li>
              <li>￥7800/月</li>
            </ul>
          </a>
          <a href="#">
            <div class="pic">
              <img src="./imgs/content_tu_home_right@2x.png" alt="" />
            </div>
            <ul>
              <li>领袖新规度3号院</li>
              <li>朝阳区-2室1厅-90m²</li>
              <li>￥12356/月</li>
            </ul>
          </a>
        </div>
        <!-- 广告位 -->
        <div class="ad">
          <img src="./imgs/ggwei_home.png" alt="" />
        </div>
      </div>
      <!-- 分栏2 -->
      <div class="column2">
        <div class="title">
          <div>为你推荐</div>
          <div class="text">
            <a href="#">
              <ul>
                <li>
                  整租
                  <div></div>
                </li>
                <li>整租</li>
              </ul>
            </a>
          </div>
        </div>
        <div class="item">
          <ul>
            <li>
              <div><img src="./imgs/content_tu_home_left@2x.png" alt="" /></div>
              <div>
                <ul>
                  <li>整租-保利家园7号院1号楼</li>
                  <li>朝阳区|2室1厅|90m²</li>
                  <li>距5号线立水桥1200米,13号线广西南合...</li>
                  <li><span>独卫</span><span>含阳台</span></li>
                  <li><span>￥7800</span><span>元/月</span></li>
                </ul>
              </div>
            </li>
            <li>
              <div><img src="./imgs/content_tu_home_right@2x.png" alt="" /></div>
              <div>
                <ul>
                  <li>整租-保利家园7号院1号楼</li>
                  <li>朝阳区|2室1厅|90m²</li>
                  <li>距5号线立水桥1200米,13号线广西南合...</li>
                  <li><span>独卫</span><span>含阳台</span></li>
                  <li><span>￥7800</span><span>元/月</span></li>
                </ul>
              </div>
            </li>
            <li>
              <div><img src="./imgs/home_list_tu3@2x.png" alt="" /></div>
              <div>
                <ul>
                  <li>整租-东方银座B作</li>
                  <li>朝阳区|2室1厅|90m²</li>
                  <li>距5号线立水桥1200米,13号线广西南合...</li>
                  <li><span>独卫</span><span>含阳台</span></li>
                  <li><span>￥7800</span><span>元/月</span></li>
                </ul>
              </div>
            </li>
            <li>
              <div><img src="./imgs/home_list_tu4@2x.png" alt="" /></div>
              <div>
                <ul>
                  <li>整租-保利家园7号院1号楼</li>
                  <li>朝阳区|2室1厅|90m²</li>
                  <li>距5号线立水桥1200米,13号线广西南合...</li>
                  <li><span>独卫</span><span>含阳台</span></li>
                  <li><span>￥7800</span><span>元/月</span></li>
                </ul>
              </div>
            </li>
            <li>
              <div><img src="./imgs/home_list_tu5@2x.png" alt="" /></div>
              <div>
                <ul>
                  <li>整租-天下第一城</li>
                  <li>朝阳区|2室1厅|90m²</li>
                  <li>距5号线立水桥1200米,13号线广西南合...</li>
                  <li><span>独卫</span><span>含阳台</span></li>
                  <li><span>￥7800 </span><span> 元/月</span></li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="more">
      <div>查看更多优质房源</div>
    </div>
    <div class="entrance">
      <div><img src="./imgs/gushirukou_home.png" alt="" /></div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li>
          <a href="#">
            <div><img src="./icons/footer_1.png" alt="" /></div>
            <div>首页</div>
          </a>
        </li>
        <li>
          <a href="#">
            <div><img src="./icons/footer_2_default.png" alt="" /></div>
            <div>快速找房</div>
          </a>
        </li>
        <li>
          <a href="#">
            <div><img src="./icons/footer_3_default.png" alt="" /></div>
            <div>委托代理</div>
          </a>
        </li>
        <li>
          <a href="#">
            <div><img src="./icons/footer_4_default.png" alt="" /></div>
            <div>我的</div>
          </a>
        </li>
      </ul>
    </div>

    <script src="./js/flexible.js"></script>
  </body>
</html>
